<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml"
	   xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>视频监控管理</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
</head>
<body  class="" >
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
	<ul>
		<li>首页</li>
		<li>视频监控</li>
		<li>视频监控管理</li>
	</ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询设备</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix">
		<div class="col-lg-3">
			<div class="query-frame">
				<label>设备编号</label>
				<select class="form-control queryEquipment"  value="" >
				</select>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>所属工序</label>
				<select name="operationName"  class="form-control  operationSearch">
				</select>
			</div>
		</div>
		<div class="col-lg-3">
			<div class="query-frame">
				<label>设备名称</label>
				<input autocomplete="new-password" type="text" class="form-control " name="" />
			</div>
		</div>
		<div class="col-lg-3 ">
			<div class="query-frame query-button">
				<img th:src="@{/image/search.png}" id="queryVideo"/>
				<img th:src="@{/image/rest.png}" id="resetVideo" />
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">监控画面</h2>
		</div>
	</div>
	<div class="monitor-box clearfix">
		<div class="left-side">
			<div class="date">
				<strong>19:39:58</strong><br>
				<small>2017-09-14</small>
			</div>
			<div class="name relative">
				<strong>负极涂布机1-1</strong><br>
				<small>EV100001</small>
			</div>
		</div>
		<div class="video-wrap">
			<video style="width: 100%;">
				<source src="" type="video/mp4">
				<source src="" type="video/ogg">
				<source src="" type="video/webm">
				<object width="" height="" type="" data="">
					<param name="movie" value="">
					<param name="flashvars" value="">
				</object>
				当前浏览器不支持 video直接播放，点击这里下载视频： <a href="">下载视频</a>
			</video>
		</div>
	</div>

	<!--<div class="container-fluid table-container">-->
		<!--<table id="energyTable">-->

		<!--</table>-->
	<!--</div>-->
</div>


<div th:replace="common/foot">
</div>
<script th:src="@{/js/video/videoManage.js}"></script>
</body>
</html>




	



